<template>
<div>
    <el-input v-model="input" placeholder="Please input" />
    <el-button type="primary" @click="clickPrimary">Primary</el-button>
    <el-button type="success" @click="clickSuccess">Success</el-button>
    <div style="padding:50px"></div>
    <div style="height: 300px">
        <el-steps direction="vertical" :active="1">
            <el-step title="Step 1" />
            <!-- <el-step title="Step 2" />
            <el-step title="Step 3" /> -->
        </el-steps>
    </div>
    <MySetp :height="height">
        <!-- <template #default> 555555555555</template> -->
        <p>555555555555555</p>
    </MySetp>
    <el-button type="success" @click="clickHeight">Success</el-button>
</div>
</template>
<script setup>
import {ref,reactive} from 'vue';
import MySetp from "../../components/steps.vue"
let input = ref(0)
const height =ref(100)
const clickPrimary = ()=>{
    input.value++
    console.log('clickPrimary')
}
const clickSuccess = ()=>{
    input.value--
    console.log('clickSuccess')
}
const clickHeight = ()=>{
    height.value++
}
</script>
<style lang='less' scoped>

</style>